<link href="<?php echo APP_TEMPLATES_URL;?>/css/mui.picker.css" rel="stylesheet" />
<link href="<?php echo APP_TEMPLATES_URL;?>/css/mui.poppicker.css" rel="stylesheet" />
<link rel="stylesheet" href="<?php echo APP_TEMPLATES_URL;?>/css/checkbix.min.css" />
<link rel="stylesheet" href="<?php echo APP_TEMPLATES_URL;?>/css/public.css" />
<script src="<?php echo APP_TEMPLATES_URL;?>/js/checkbix.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	Checkbix.init();
	$(function(){
		// 所有复选(:checkbox)框点击事件
				$("input[name=boxlist]").click(function() {
					    $("input[name=boxlist]").each(function() {
							$(this).attr("checked", false);
						});
						$(this).attr("checked", true);
				});
		
	});
</script>
<script src="<?php echo APP_TEMPLATES_URL;?>/js/mui.picker.js"></script>
<script src="<?php echo APP_TEMPLATES_URL;?>/js/mui.poppicker.js"></script>
<script src="<?php echo APP_TEMPLATES_URL;?>/js/city.data.js" type="text/javascript" charset="utf-8"></script>
<script src="<?php echo APP_TEMPLATES_URL;?>/js/city.data-3.js" type="text/javascript" charset="utf-8"></script>

	<script>
			(function($, doc) {
				$.init();
				$.ready(function() {
					//普通示例
					var userPicker = new $.PopPicker();
					userPicker.setData([{
						value: 'ywj',
						text: '卖家缺货'
					}, {
						value: 'aaa',
						text: '信息填写错误，重新拍'
					}, {
						value: 'lj',
						text: '我不想买了'
					}, {
						value: 'ymt',
						text: '同城见面交易'
					}, {
						value: 'shq',
						text: '其他原因'
					}]);
					var showUserPickerButton = doc.getElementById('showUserPicker');
					var userResult = doc.getElementById('userResult');
					showUserPickerButton.addEventListener('tap', function(event) {
						userPicker.show(function(items) {
							userResult.innerText = items[0].text;
							//返回 false 可以阻止选择框的关闭
							//return false;
						});
					}, false);
		
				});
			})(mui, document);
		</script>
<style>
	body,
	html {
		background: #F4F4F4 !important;
	}
	
	.indexm {
		display: none;
	}
		
	.mui-poppicker-header .mui-btn {
		font-size: 14px;
		padding: 5px 10px;
		background: #f0b33e;
		border: 0;
		width: 50%;
		height: 50px;
	}
	
	.mui-poppicker-header {
		padding: 0;
	}
	.toimga a{
		float: left;
		width: 25%;		
		margin-top: 20px;
	}
	.toimga a > img{
	}
</style>
<!-- 导航 -->
<div class="mui-bar mui-bar-nav bj">
	<button id="zhuce" class="mui-btn mui-btn-link mui-btn-nav mui-pull-left zys mui-action-back" onclick="history.go(-1);">
				<img style=" max-width: 70%; vertical-align: middle;" src="<?php echo APP_TEMPLATES_URL;?>/images/back.png" />
			</button>

	<h1 class="mui-title"><label style="font-size: 18px;vertical-align: middle; line-height: 44px;">申请退款</label></h1>
</div>
<!-- 主体内容 -->
<form id="post_form1" enctype="multipart/form-data" method="post" action="index.php?act=order&op=refund&order_id=<?php echo $output['order']['order_id']; ?>&goods_id=<?php echo $output['goods']['rec_id']; ?>">
 <input type="hidden" name="form_submit" value="ok" />
<section style="padding: 10px;">
	<ul class="across">
		<li class="side">
			<div class="countone notone">
				<a id="showUserPicker" href="#">
					<label style="text-align: left; color: #999; width: 75px;">退款原因</label>
					<label id="userResult" style="color:#333333 ;">我不想买了</label>
					<label style="width: 25px;"><img style="max-width:90%;vertical-align:middle;" src="<?php echo APP_TEMPLATES_URL;?>/images/xia_03.png"/></label>
				</a>
			</div>
		</li>				
	</ul>
	<div style="background: #F4F4F4;clear: both;height: 10px;"></div>
	<ul class="across">
		<li class="side notactive">
			<div class="countone notone">
				<a href="#">
					<label style="text-align: left; width: 75px; color: #999;">退款金额</label>
					<label style="text-align: left; color: #999;"><input type="text" name="refund_amount" id="refund_amount" style="font-size: 14px; width: 100%;vertical-align: middle;border: 0; height: 45px;" placeholder="￥<?php echo $output['goods']['goods_pay_price']; ?>" value="<?php echo $output['goods']['goods_pay_price']; ?>"></label>
				</a>
			</div>
		</li>				
	</ul>
	
	<div style="background: #F4F4F4;clear: both;">		
		<p style="padding: 12px;font-size: 14px;color: #999;">（最多<?php echo $output['goods']['goods_pay_price']; ?>元，退款金额不能超过可退金额）</p>
	</div>
	
	<ul class="across">
		<li class="side notactive">
			<div class="countone notone">
				<a href="#">
					<label style="text-align: left; width: 75px; color: #999;">退款说明</label>
					<label style="text-align: left; color: #999;"><input type="text" name="buyer_message" id="buyer_message" style="font-size: 14px; width: 100%;vertical-align: middle;border: 0; height: 45px;" placeholder="最多50字"></label>
				</a>
			</div>
		</li>				
	</ul>
	
    <input type="hidden" name="refund_type" value="1" />
</section>

<style>
	.bigbtn{
		position: fixed;
		bottom: 0;
		width: 100%;
		text-align: center;
		color: #000000;
		font-size: 16px;
		background: #f2b743;
		height: 50px;
		line-height: 50px;
		left: 0;
	}
</style>
<script language="javascript">
<!--
$('#buyer_message').change(function(){
	var message = $(this).val();
	if(message.length>50){
         alert('只允许50字符,请调整内容');
	}
});

function submitOK(){
	var message = $('#buyer_message').val();
	if(message.length>50){
         alert('只允许50字符,请调整内容');
	}else{
	 $('#post_form1').submit();
	}
}
-->
</script>

<a class="bigbtn" href="javascript:submitOK()">提交申请</a>
 </form>